.main-1{
    /* padding-top: 100px; */
    /* height: 100%; */
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50% 50%;
    
    
}

.main1__top-banner{
    height: 15rem;
    /* margin-top: 1rem; */
    padding-block: 3rem;
    padding-bottom: 15rem;
    width: 100%;
    /* background-image: url("/img/nieruchomości/1920x1080x4.jpg"); */
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000000;
    background-blend-mode: overlay;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    place-items: center;
}

.main1__bottom{
    width: 100%;
    background-color: rgb(255, 255, 255);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
}



.main1__bottom-left{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}



.main1__bottom-right{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

.main1__bottom-header{
  
    display: grid;
    place-items: center;
    background-color: rgb(255, 255, 255);
}

.main1__bottom-text{
    display: grid;
    place-items: center;
    padding: 2rem;
}

.main1__topbanner-h2{
    text-transform: uppercase;
}

.topbanner-btn{
    background-color: transparent;
    border: 2px solid #ffffff71;
    border-radius: 1rem;
    color: #fff;
}

.topbanner-btn:hover{
    background-color: #fff;
}

.topbanner-btn-mobile{
    display: none;
}

.about-block__inner::before{
    color: rgb(108, 108, 131);
}

.about-block__header{
    width: 20rem;
}

.contact-parallax__form input, .contact-parallax__form textarea{
    border-bottom: 1px solid black;
}

.contact-parallax__form input, .contact-parallax__form textarea{
    color: black !important;
}



.contact-parallax__submit{
    margin-top: 0.5rem;
}


.contact-parallax__wrapper{
    margin-top: 100px;
    height: 80vh;
}

.contact-parallax__form label:not(:first-of-type) {
   margin-top: 0;
}

.contact-parallax__form label:not(:first-of-type) {
    margin-top: 0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(0, 0, 0) !important;
    opacity: 1; /* Firefox */
  }

  .swiper-pagination-bullet {
    outline: 1px solid rgba(0, 0, 0, 0.342);
  }



  .modal-backdrop{
    z-index: -1;
  }

  .about-block--columns .about-block__inner{
    display: block;
  }

  .webpage__about-block{
    padding-bottom: 10rem;
  }

  .main__slide-fourth-img1{
    width: 100%;
    height: 100%;
    background-image: url(/img/whynotschool/1/800_800.jpg);
    background-position: center;
    background-size: cover;
  }

  .main__slide-fourth-img2{
    width: 100%;
    height: 100%;
    background-image: url(/img/whynotschool/4/800_800.jpg);
    background-position: center;
    background-size: cover;
  }

  .main__slide-fourth-img3{
    width: 100%;
    height: 100%;
    background-image: url(/img/whynotschool/3/800_800.jpg);
    background-position: center;
    background-size: cover;
  }


  .modal-content{
    margin-top: 2.5rem !important;
  }

@media (max-width: 992px){

    .main1__top-banner{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        margin-bottom: 0;
        text-align: center;

    }

    .main1__bottom{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        
    }

    .main1__bottom-left{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        padding: 1rem;
    }
    
    .main1__bottom-right{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        padding: 1rem;
    }

    .about-block__inner::before{
        content: unset;
    }

    .contact-parallax__wrapper {
        margin-top: 100px;
        margin-bottom: 11vh;
        /* height: calc(100vh - 100px); */
        /* overflow-y: scroll; */
       
    }

    .about-block__inner{
        text-align: center;
    }

    .main1__topbanner-p {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .topbanner-btn{
        display: none;
    }

    .topbanner-btn-mobile{
        display: block;
        width: 10rem;
    background-color: #fff;
    font-weight: 600;
    }


}

@media (min-width: 1560px){
.about-block__inner::before {
    font-size: 200px;

}}